div(ng-show="vm.showPanel")
	div#items(ng-class="{ active : vm.activate }")
		div(ng-repeat="contentItem in vm.contentItems")
			panel-card(
			account="vm.account"
			project="vm.project"
			branch="vm.branch"
			revision="vm.revision"
			position="vm.position"
			project-settings="vm.projectSettings"
			tree-map="vm.treeMap"
			content-data='contentItem'
			ng-show='contentItem.show'
			on-height-request="vm.heightRequest(contentItem, height)"
			keys-down="vm.keysDown"
			selected-objects="vm.selectedObjects"
			style="width:350px;"
			set-initial-selected-objects="vm.setInitialSelectedObjects({selectedObjects: selectedObjects})")

			div(ng-if="contentItem.showGap", style="display:block; height:20px;")
	div#buttons(ng-class="{ active : vm.activate }", ng-if="vm.position==='left'")
		.panelButtonGroup(ng-repeat="contentItem in vm.contentItems", layout="column", layout-align="start center")
			md-button.md-fab.md-primary.md-mini(ng-click="vm.buttonClick(contentItem.type)", aria-label="{{contentItem.title}}")
				md-tooltip(md-direction="right") {{contentItem.title}}
				md-icon.angular-material-icons {{contentItem.icon}}
			label {{contentItem.title}}
